// 过程
// 1.静态页面
// 2.调用后台接口进行数据渲染
    // 与后台怎么交互
      //通过axios与后台交互获取数据的
            //项目中怎么使用axiso
                // 下载axios npm i axios
                // 引用axios 
                // 创建一个axios实例 实例里面传的 
                // import axios from 'axios'
                // // 创建一个axios实例
                // let service = axios.create({
                //     // https://x.dscmall.cn/api/chat/sessions?page=1&size=10
                //     // https://x.dscmall.cn/api/goods/type_list?page=1&size=10&type=is_best
                //     baseURL: '/api',
                //     timeout: 3000
                        // 请求拦截和响应拦截
                // })
                // export default service
    // 我们所有的接口 都放在API这个文件夹下每一个模块都有一个单独的js用于存放该模块的所有接口 接口封装在相应的js中去写
    // 封装的接口在哪里调用呢
        // 1.在当前页面调用的话
            // 引入封装好的请求方法
            // 把封装好的请求方法在methods在封装一遍
            // 直接调用methods中封装好的方法
         // 2.在vuex怎么调用接口呢
           // 在state中定义一个初始化字段用于接收从后台接受的数据
            //vuex中改变state中数据的唯一方法是提交mutations
            // 在mutations中定义方法用于改变state中的数据
            // 在vuex中接口请求一般哦都是异步的所以我们要放在actions中,mutations只能处理同步操作
            // actions请求接口 拿到数据提交mutions进而给state中的初始化字段赋值
            // 怎么触发actions中定义的方法呢 
                //通过分发(dispatch)actions中的方法进行调用该触发   
                // 这样我们就能把从接口请求到的数据赋值给state中你所定义的初始化字段中了
                // state中已拿到数据之后在你想使用数据的页面利用计算属性把state中的数据给retrun出去
                // 在本页面中进行使用


